<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>登录温州盛磁电子系统</title>
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/baiyu/css/ry-ui.css" th:href="@{/baiyu/css/ry-ui.css?v=4.8.1}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
    </script>
    <style type="text/css">
        label.error {
            position:inherit;
            float: left;
        }
        .w1200{
            width: 1200px;
            margin: auto;
        }
        .signupForm .no-margins{
            font-size:14px;
            color: #000;
            letter-spacing: 2px;
            margin-bottom: 30px!important ;
        }
        .top{
            height:60px;
            background:rgba(255,255,255,0.6);
            line-height: 60px;
            text-align: center;
        }
        .header a{
            font-size: 14px;
            padding:10px 15px;
            color: #121212;
        }
        .header a:hover{
            color: #5398E8;
        }
        .main{
            width: 100%;
            min-height: 112px;
            padding-bottom: 50px;
            margin-top: 70px;
            text-align: center;
        }
        .formWrapper{
            width:900px ;
            padding: 50px 50px 50px 0px;
            background:rgba(255,255,255,0.6);
            display: inline-block;
            display: flex;
            margin: 0 auto;
        }
        .formWrapper:hover {
            background:rgba(255,255,255,1);
        }
        .signupForm .login-input {
            padding: 10px 5px;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
            line-height: 1.6em;
            margin-top: 25px;
            background: #fff !important;
            font-size: 14px;
        }
        input{
            border: none;
            outline: none;
        }
        .fl{
            float: left;
            border-bottom: none!important;
        }
        .color-active{
            display:inline-block;
            color:#4F7CFF!important;
            font-weight: 600;
            height: 21px;
        }
        .loginWrapper{
            height:40px;
            line-height: 40px;
        }
        .loginWrapper li a{
            font-size:16px;
            color:#000;
        }
        .checkbox-custom{
            margin-left: -200px;
            margin-top: 30px;
        }
        .signupForm .login-input1 {
            padding: 10px 5px;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
            line-height: 1.6em;
            margin-top: 20px;
            background: #fff !important;
            font-size: 14px;
        }
        .my-btn{
            height: 45px;
            border:none;
            background:#4F7CFF;
            color: #fff;
            font-size: 16px;
        }
        .my-btn:focus,.my-btn:hover {
            outline: none !important;
            color:#fff;
        }
    </style>
</head>
<body class="signin">
<div class="top">
    <div class="w1200">
        <div width="50px" height="50px" style="display: inline-block;margin-left: -30px;float: left">
            <a href="#" target="_blank">
                <img alt="温州盛磁电子有限公司" th:src="@{/img/home/logo4.png}" style="width: 50px;">
            </a>
<!--            <a href="#" target="_blank">-->
<!--                <img alt="温州盛磁电子有限公司" width="200px" height="32px" th:src="@{/img/home/wsqsxjxhgl.png}">-->
<!--            </a>-->
        </div>
        <!--        <div style="display: inline-block;font-size: 15px;margin-left: -170px">欢迎使用温州盛磁电子有限公司系统</div>-->
        <div style="display: inline-block;font-size: 20px;">欢迎使用温州盛磁电子销存管理系统</div>
    </div>
</div>
<div class="main">
    <div class="formWrapper">
        <img class="imgs" style="opacity:0.6;filter:alpha(opacity=40); vertical-align: top;" width="560px" height="330px" th:src="@{/img/home/tp4.png}">
        <div style="display: inline-block;width: 300px">
            <form id="signupForm" class="signupForm">
                <div clsss="login-title tables">
                    <ul class="loginWrapper">
                        <li class="fl"><a href="#personLoginLogin" style="width: 100%;" class="color-active" >温州盛磁电子销存管理系统欢迎你</a></li>
                    </ul>
                </div>
                <input type="text"     name="username" class="uname login-input"     placeholder="用户名" value="" />
                <input type="password" name="password" class="pword login-input"     placeholder="密码"   value="" />
                <div class="row m-t" style="margin-top: 24px" th:if="${captchaEnabled==true}">
                    <div class="col-xs-6">
                        <input type="text" name="validateCode" class="login-input1 code" placeholder="计算结果数" maxlength="5" autocomplete="off">
                    </div>
                    <div class="col-xs-6" style="margin-top: 20px">
                        <a href="javascript:void(0);" title="点击更换验证码">
                            <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                        </a>
                    </div>
                </div>
                <div class="checkbox-custom" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
                    <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme" style="color:#0F0F0F!important;">记住我</label>
                </div>
                <button class="btn btn-lg my-btn btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
            </form>
        </div>
    </div>
</div>
<div class="container" style="margin: 0px auto;width: 500px;color: #FFFFFF;font-size: 14px">
    <div class="signin-info">
<!--        <ul class="m-b">-->
<!--            <li>系统主要功能：</li>-->
<!--            <li>实现血液病指标数据按年月份填报</li>-->
<!--            <li>实现主办单位对各血液病指标统计分析以及审核功能</li>-->
<!--            <li>实现血液病指标智能分析统计和趋势图展示等</li>-->
<!--        </ul>-->
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; var captchaEnabled = [[${captchaEnabled}]];</script>
<!--[if lte IE 8]><script>window.location.href=ctx+'html/ie.html';</script><![endif]-->
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/baiyu/js/ry-ui.js" th:src="@{/baiyu/js/ry-ui.js?v=4.8.1}"></script>
<script src="../static/baiyu/login.js" th:src="@{/baiyu/login.js}"></script>
<script>
    var Wwidth = $("body").width();
    if( Wwidth < 1500){
        $('body>div').css('zoom','0.9')
        $('body').css('transform','translateX(10%)\0')
    }
    if(Wwidth < 1400){
        $('body>div').css('zoom','0.8')
        $('body').css('transform','translateX(10%)\0')
    }
</script>
</body>
</html>
